<!DOCTYPE html>
<html lang="zxx">

<head>
	<title>产品列表</title>
	<!--/tags -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="" />
	<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
    <script type="text/javascript" src="js/register.js"></script>
    <script type="text/javascript" src="js/hyz.js"></script>
    <script type="text/javascript" src="js/login.js"></script>
    <script type="text/javascript" src="js/islogin.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

	<script>
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<!--//tags -->
	<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
	<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
	<link href="css/font-awesome.css" rel="stylesheet">
	<!--pop-up-box-->
	<link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all" />
	<!--//pop-up-box-->
	<!-- price range -->
	<link rel="stylesheet" type="text/css" href="css/jquery-ui1.css">
	<!-- fonts -->
	<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800" rel="stylesheet">
	<link href='//fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,900,900italic,700italic'
	    rel='stylesheet' type='text/css'>
    <style>
            .page-bar{
                margin:40px;
            }
            ul,li{
                margin: 0;
                padding: 0;
            }
            li{
                list-style: none
            }
            .page-bar li:first-child>a {
               margin-left: 0
            }
            .page-bar a{
                border: 1px solid #ddd;
                text-decoration: none;
                position: relative;
                float: left;
                padding: 6px 12px;
                margin-left: -1px;
                line-height: 1.42857143;
                color: #337ab7;
                cursor: pointer
            }
            .page-bar a:hover{
                background-color: #eee;
            }
            .page-bar a.banclick{
                cursor:not-allowed;
            }
            .page-bar .active a{
                color: #fff;
                cursor: default;
                background-color: #337ab7;
                border-color: #337ab7;
            }
            .page-bar i{
                font-style:normal;
                color: #d44950;
                margin: 0 4px;
                font-size: 12px;
            }
</style>
</head>

<body>
	<!-- top-header -->
	<div class="header-most-top">
		<p>欢迎来到手机比价网</p>
	</div>
	<!-- //top-header -->
	<!-- header-bot-->
	<div class="header-bot">
		<div class="header-bot_inner_wthreeinfo_header_mid">
			<!-- header-bot-->
			<div class="col-md-4 logo_agile">
				<h1>
					<a href="index.html">
						<span>M</span>obile
						<span>C</span>omparison
						<img src="images/logo2.png" alt=" ">
					</a>
				</h1>
			</div>
			<!-- header-bot -->
			<div class="col-md-8 header">
            <!-- header lists -->
            <ul id="fillIn">
                <li>
                    <a href="#" data-toggle="modal" data-target="#myModal1">
                        <span class="fa fa-user" aria-hidden="true"></span>用户中心</a>
                </li>
                <li>
                    <span class="fa fa-phone" aria-hidden="true"></span> 001 234 5678
                </li>
                <li>
                    <a href="#" data-toggle="modal" data-target="#myModal1">
                        <span class="fa fa-unlock-alt" aria-hidden="true"></span> 登&nbsp;&nbsp;&nbsp;&nbsp;录 </a>
                </li>
                <li>
                    <a href="#" data-toggle="modal" data-target="#myModal2">
                        <span class="fa fa-pencil-square-o" aria-hidden="true"></span> 注&nbsp;&nbsp;&nbsp;&nbsp;册 </a>
                </li>
            </ul>
            <!-- //header lists -->
            <!-- search -->
            <div class="agileits_search">
                <form action="product2.html">
                    <input name="search" type="search" placeholder="请输入您比较想要的商品名称或型号" required="">
                    <button type="submit" class="btn btn-default" aria-label="Left Align">
                        <span class="fa fa-search" aria-hidden="true"> </span>
                    </button>
                </form>
            </div>
            <!-- //search -->
            <!-- cart details -->
            <div class="top_nav_right">
                <div class="wthreecartaits wthreecartaits2 cart cart box_1">
                    <form action="#" method="post" class="last">
                        <input type="hidden" name="cmd" value="_cart">
                        <input type="hidden" name="display" value="1">
                        <button class="w3view-cart" type="submit" name="submit" value="">
                            <i class="fa fa-cart-arrow-down" aria-hidden="true"></i>
                        </button>
                    </form>
                </div>
            </div>
            <!-- //cart details -->
            <div class="clearfix"></div>
        </div>
			<div class="clearfix"></div>
		</div>
	</div>
	<!-- signin Model -->
	<!-- Modal1 -->
<div class="modal fade" id="myModal1" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body modal-body-sub_agile">
                <div class="main-mailposi">
                    <span class="fa fa-envelope-o" aria-hidden="true"></span>
                </div>
                <div class="modal_body_left modal_body_left1">
                    <h3 class="agileinfo_sign">登 录</h3>
                    <p>
                        现在登录，开始你的手机比价，没有一个账户嘛?
                        <a href="#" data-toggle="modal" data-target="#myModal2">
                            立即注册</a>
                    </p>
                    <!-- <form method="post"> -->
                    <div class="styled-input agile-styled-input-top">
                        <input type="text" placeholder="用户名" id="name_input" name="Name" required="">
                    </div>
                    <div class="styled-input">
                        <input type="password" placeholder="密码" id="pass_input" name="password" required="">
                    </div>
                    <div class="styled-input">
                        <input type="text" placeholder="验证码" name="Confirm verfiyCode" id="yzm1" required=""
                               style="width: 379px">
                        <img src="/verify_code/" id="yzm_img1" onclick="getcode1()" style="width: 150px"/>
                    </div>
                    <input type="submit" onclick="log()" value="登  录">
                    <!-- </form> -->
                    <div class="clearfix"></div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <!-- //Modal content-->
    </div>
</div>
<!-- //Modal1 -->
<!-- //signin Model -->
<!-- signup Model -->
<!-- Modal2 -->
<div class="modal fade" id="myModal2" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body modal-body-sub_agile">
                <div class="main-mailposi">
                    <span class="fa fa-envelope-o" aria-hidden="true"></span>
                </div>
                <div class="modal_body_left modal_body_left1">
                    <h3 class="agileinfo_sign">注 册</h3>
                    <p>
                        立即加入手机比价网!注册一个属于你的账户.
                    </p>
                    <form action="/sendEmail/" method="post" id="formm">
                        <div class="styled-input agile-styled-input-top">
                            <input type="text" placeholder="用户名" name="Name" id="user_name" required="">
                            <span class="error_tip"></span>
                        </div>
                        <div class="styled-input">
                            <input type="text" placeholder="电子邮箱" id="email" name="email" required="">
                            <span class="error_tip"></span>
                        </div>
                        <div class="styled-input">
                            <input type="password" placeholder="密码" id="pwd" name="password" required="">
                            <span class="error_tip"></span>
                        </div>
                        <div class="styled-input">
                            <input type="password" placeholder="确认密码" id="cpwd" name="Confirm Password" required="">
                            <span class="error_tip"></span>
                        </div>
                        <div class="styled-input">
                            <input type="text" placeholder="验证码" name="Confirm verfiyCode" id="yzm" required=""
                                   style="width: 379px">
                            <img src="/verify_code/" id="yzm_img" onclick="getcode()" style="width: 150px"/>
                            <span class="error_tip"></span>
                        </div>

                        <input type="submit" value="注  册">
                    </form>
                    <p>
                        <a href="#">通过点击注册，我同意你的条款</a>
                    </p>
                </div>
            </div>
        </div>
        <!-- //Modal content-->
    </div>
</div>
	<!-- //Modal2 -->
	<!-- //signup Model -->
	<!-- //header-bot -->
    <!-- navigation -->
    <div class="ban-top">
        <div class="container">
            <div class="agileits-navi_search">
                <form action="#" method="post">
                    <select onchange="mbar(this)" id="agileinfo-nav_search" name="agileinfo_search" required>
                        <option value="">全部品牌</option>
                        <option value="product.html?brand=6&pn=1">华为</option>
                        <option value="product.html?brand=1&pn=1">Apple</option>
                        <option value="product.html?brand=7&pn=1">天语</option>
                        <option value="product.html?brand=2&pn=1">OPPO</option>
                        <option value="product.html?brand=3&pn=1">vivo</option>
                        <option value="product.html?brand=4&pn=1">三星</option>
                        <option value="product.html?brand=9&pn=1">真我</option>
                        <option value="product.html?brand=5&pn=1">中兴</option>
                        <option value="product.html?brand=8&pn=1">小米</option>
                        <option value="product.html?brand=10&pn=1">荣耀</option>
                    </select>
                </form>
            </div>
            <div class="top_nav_left">
                <nav class="navbar navbar-default">
                    <div class="container-fluid">
                        <!-- Brand and toggle get grouped for better mobile display -->
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                                    data-target="#bs-example-navbar-collapse-1"
                                    aria-expanded="false">
                                <span class="sr-only">切换导航</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                        </div>
                        <!-- Collect the nav links, forms, and other content for toggling -->
                        <div class="collapse navbar-collapse menu--shylock" id="bs-example-navbar-collapse-1">
                            <ul class="nav navbar-nav menu__list">
                                <li class="active">
                                    <a class="nav-stylehead" href="index.html">首页
                                        <span class="sr-only">(current)</span>
                                    </a>
                                </li>
                                <li class="">
                                    <a class="nav-stylehead" href="about.html">关于我们</a>
                                </li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle nav-stylehead" data-toggle="dropdown" role="button"
                                       aria-haspopup="true" aria-expanded="false">苹果
                                        <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu multi-column columns-3">
                                        <div class="agile_inner_drop_nav_info">
                                            <div class="col-sm-6 multi-gd-img">
                                                <ul class="multi-column-dropdown">
                                                    <li>
                                                        <a href="product2.html?search=11">iphone 11</a>
                                                    </li>
                                                    <li>
                                                        <a href="product2.html?search=8">iphone 8</a>
                                                    </li>
                                                    <li>
                                                        <a href="product2.html?search=苹果">iphone</a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="col-sm-6 multi-gd-img">
                                                <ul class="multi-column-dropdown">
                                                    <li>
                                                        <a href="product2.html?search=11">iphone 11</a>
                                                    </li>
                                                    <li>
                                                        <a href="product2.html?search=8">iphone 8</a>
                                                    </li>
                                                    <li>
                                                        <a href="product2.html?search=苹果">iphone</a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="clearfix"></div>
                                        </div>
                                    </ul>
                                </li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle nav-stylehead" data-toggle="dropdown" role="button"
                                       aria-haspopup="true" aria-expanded="false">华为
                                        <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu multi-column columns-3">
                                        <div class="agile_inner_drop_nav_info">
                                            <div class="col-sm-6 multi-gd-img">
                                                <ul class="multi-column-dropdown">
                                                    <li>
                                                        <a href="product2.html?search=华为">华为</a>
                                                    </li>
                                                    <li>
                                                        <a href="product2.html?search=华为">华为</a>
                                                    </li>
                                                    <li>
                                                        <a href="product2.html?search=华为">华为</a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="col-sm-6 multi-gd-img">
                                                <ul class="multi-column-dropdown">
                                                   <li>
                                                        <a href="product2.html?search=华为">华为</a>
                                                    </li>
                                                    <li>
                                                        <a href="product2.html?search=华为">华为</a>
                                                    </li>
                                                    <li>
                                                        <a href="product2.html?search=华为">华为</a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="clearfix"></div>
                                        </div>
                                    </ul>
                                </li>
                                <li class="">
                                    <a class="nav-stylehead" href="faqs.html">常见问题</a>
                                </li>
                                <li class="dropdown">
                                    <a class="nav-stylehead dropdown-toggle" href="#" data-toggle="dropdown">用户中心
                                        <b class="caret"></b>
                                    </a>
                                    <ul class="dropdown-menu agile_short_dropdown">
                                        <li>
                                            <a href="security_center.html">安全中心</a>
                                        </li>
                                        <li>
                                            <a href="collection_center.html">我的收藏</a>
                                        </li>
                                        <li>
                                            <a href="browsed_history.html">浏览历史</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="">
                                    <a class="nav-stylehead" href="contact.html">联系我们</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </nav>
            </div>
        </div>
    </div>
    <!-- //navigation -->

	<!-- banner-2 -->
	<div class="page-head_agile_info_w3l">

	</div>
	<!-- //banner-2 -->
	<!-- page -->
	<div class="services-breadcrumb">
		<div class="agile_inner_breadcrumb">
			<div class="container">
				<ul class="w3_short">
					<li>
						<a href="index.html">首页</a>
						<i>|</i>
					</li>
					<li>产品列表</li>
				</ul>
			</div>
		</div>
	</div>
	<!-- //page -->
	<!-- top Products -->
	<div class="ads-grid">
		<div class="container">
			<!-- tittle heading -->
			<h3 class="tittle-w3l">产品列表
				<span class="heading-style">
					<i></i>
					<i></i>
					<i></i>
				</span>
			</h3>
			<!-- //tittle heading -->
			<!-- product left -->
			<div class="side-bar col-md-3">
				<div class="search-hotel">
					<h3 class="agileits-sear-head">在这里搜索</h3>
					<form action="product2.html">
						<input type="search" placeholder="Product name..." name="search" required="">
						<input type="submit" value=" ">
					</form>
				</div>
				<!-- food preference -->
				<div class="left-side">
					<h3 class="agileits-sear-head">手机内存</h3>
					<ul>
						<li>

							<a href="product2.html?search=64G">64G</a>
						</li>
						<li>

							<a href="product2.html?search=128G">128G</a>
						</li>
                        <li>

							<a href="product2.html?search=256G">256G</a>
						</li>
					</ul>
				</div>
				<!-- //food preference -->
				<!-- 尺寸 -->
				<div class="left-side">
					<h3 class="agileits-sear-head">屏幕尺寸</h3>
					<ul>
						<li>
							<a href="product2.html?search=7.0英寸">7.0英寸及以上</a>
						</li>
						<li>

							<a href="product2.html?search=6.0">6.0英寸-6.9英寸</a>
						</li>
						<li>

							<a href="product2.html?search=5.1">5.1英寸-5.9英寸</a>
						</li>
						<li>

							<a href="product2.html?search=5.0">5.0英寸</a>
						</li>
						<li>

							<a href="product2.html?search=4.5">4.5英寸-4.9英寸</a>

						<li>

							<a href="product2.html?search=4.9">4.9英寸以下</a>
						</li>
						<li>

							<a href="product2.html?search=其他">其他英寸</a>
					</ul>
				</div>
				<!-- //尺寸 -->
				<!-- reviews -->
				<!-- //cuisine -->
				<!-- deals -->
				<!-- //deals -->
			</div>
			<!-- //product left -->
            <!-- product right -->
			<div class="agileinfo-ads-display col-md-9 w3l-rightpro">
				<div class="wrapper" id="app">
					<!-- first section -->
					<div class="product-sec1">
						<div class="col-xs-4 product-men" v-for="(item,index) in goods.slice(0,3)">
							<div class="men-pro-item simpleCart_shelfItem">
								<div class="men-thumb-item">
									<img :src="item.img" alt="" style="height:200px;width:150px">
									<div class="men-cart-pro">
										<div class="inner-men-cart-pro">
											<a  @click = "gethistory(item.id)" :href="'single.html?id='+ item.id" class="link-product-add-cart">快速查看</a>
										</div>
									</div>
									<span class="product-new-top">New</span>
								</div>
								<div class="item-info-product ">
									<h4  style="height:75px;">
										<a :href="'single.html?id='+ item.id">{{item.title}}</a>
									</h4>
									<div class="info-product-price">
										<span class="item_price">￥{{item.price}}</span>

									</div>
									<div class="snipcart-details top_brand_home_details item_add single-item hvr-outline-out">
										<form action="#" method="post">
											<fieldset>
                                                <input type="hidden" name="system" v-model="item.store" />
                                                <input type="hidden" name="img" v-model="item.img" />
												<input type="hidden" name="cmd" value="_cart" />
												<input type="hidden" name="business" value=" " />
												<input type="hidden" name="item_name" v-model="item.title" />
                                                <input type="hidden" name="shipping" :value="item.id"/>
												<input type="hidden" name="amount" v-model="item.price" />
												<input type="hidden" name="currency_code" value="USD" />
												<input type="hidden" name="return" value=" " />
												<input type="hidden" name="cancel_return" value=" " />
												<input type="submit" @click="getId(item.id)" name="submit" value="添加到购物车" class="button"/>
											</fieldset>
										</form>
									</div>
								</div>
							</div>
						</div>
						<div class="clearfix"></div>
					</div>
					<!-- //first section -->
					<!-- 2nd section) -->
					<div class="product-sec1">
						<div class="col-xs-4 product-men" v-for="(item,index) in goods.slice(3,6)">
							<div class="men-pro-item simpleCart_shelfItem">
								<div class="men-thumb-item">
									<img :src="item.img" alt="" style="height:200px;width:150px">
									<div class="men-cart-pro">
										<div class="inner-men-cart-pro">
											<a  @click = "gethistory(item.id)" :href="'single.html?id='+ item.id" class="link-product-add-cart">快速查看</a>
										</div>
									</div>
									<span class="product-new-top">New</span>
								</div>
								<div class="item-info-product ">
									<h4  style="height:75px;">
										<a :href="'single.html?id='+ item.id">{{item.title}}</a>
									</h4>
									<div class="info-product-price">
										<span class="item_price">￥{{item.price}}</span>
									</div>
									<div class="snipcart-details top_brand_home_details item_add single-item hvr-outline-out">
										<form action="#" method="post">
											<fieldset>
                                                <input type="hidden" name="system" v-model="item.store" />
                                                <input type="hidden" name="img" v-model="item.img" />
												<input type="hidden" name="cmd" value="_cart" />
												<input type="hidden" name="business" value=" " />
												<input type="hidden" name="item_name" v-model="item.title" />
                                                <input type="hidden" name="shipping" :value="item.id"/>
												<input type="hidden" name="amount" v-model="item.price" />
												<input type="hidden" name="currency_code" value="USD" />
												<input type="hidden" name="return" value=" " />
												<input type="hidden" name="cancel_return" value=" " />
												<input type="submit" @click="getId(item.id)" name="submit" value="添加到购物车" class="button"/>
											</fieldset>
										</form>
									</div>
								</div>
							</div>
						</div>
						<div class="clearfix"></div>
					</div>
					<!-- //2nd section  -->
					<!-- 3rd section -->
					<div class="product-sec1">
						<div class="col-xs-4 product-men" v-for="(item,index) in goods.slice(6,9)">
							<div class="men-pro-item simpleCart_shelfItem">
								<div class="men-thumb-item">
									<img :src="item.img" alt="" style="height:200px;width:150px">
									<div class="men-cart-pro">
										<div class="inner-men-cart-pro">
											<a  @click = "gethistory(item.id)" :href="'single.html?id='+ item.id" class="link-product-add-cart">快速查看</a>
										</div>
									</div>
									<span class="product-new-top">New</span>
								</div>
								<div class="item-info-product ">
									<h4  style="height:75px;">
										<a :href="'single.html?id='+ item.id">{{item.title}}</a>
									</h4>
									<div class="info-product-price">
										<span class="item_price">￥{{item.price}}</span>
									</div>
									<div class="snipcart-details top_brand_home_details item_add single-item hvr-outline-out">
										<form action="#" method="post">
											<fieldset>
                                                <input type="hidden" name="system" v-model="item.store" />
                                                <input type="hidden" name="img" v-model="item.img" />
												<input type="hidden" name="cmd" value="_cart" />
												<input type="hidden" name="business" value=" " />
												<input type="hidden" name="item_name" v-model="item.title" />
                                                <input type="hidden" name="shipping" :value="item.id"/>
												<input type="hidden" name="amount" v-model="item.price" />
												<input type="hidden" name="currency_code" value="USD" />
												<input type="hidden" name="return" value=" " />
												<input type="hidden" name="cancel_return" value=" " />
												<input type="submit" @click="getId(item.id)" name="submit" value="添加到购物车" class="button"/>
											</fieldset>
										</form>
									</div>
								</div>
							</div>
						</div>
						<div class="clearfix"></div>
					</div>
					<!-- //3rd section -->
					<!-- 4th section -->
					<div class="product-sec1">
						<div class="col-xs-4 product-men" v-for="(item,index) in goods.slice(9,12)">
							<div class="men-pro-item simpleCart_shelfItem">
								<div class="men-thumb-item">
									<img :src="item.img" alt="" style="height:200px;width:150px">
									<div class="men-cart-pro">
										<div class="inner-men-cart-pro">
											<a  @click = "gethistory(item.id)" :href="'single.html?id='+ item.id" class="link-product-add-cart">快速查看</a>
										</div>
									</div>
									<span class="product-new-top">New</span>
								</div>
								<div class="item-info-product ">
									<h4  style="height:75px;">
										<a :href="'single.html?id='+ item.id">{{item.title}}</a>
									</h4>
									<div class="info-product-price">
										<span class="item_price">￥{{item.price}}</span>

									</div>
									<div class="snipcart-details top_brand_home_details item_add single-item hvr-outline-out">
										<form action="#" method="post">
											<fieldset>
                                                <input type="hidden" name="system" v-model="item.store" />
                                                <input type="hidden" name="img" v-model="item.img" />
												<input type="hidden" name="cmd" value="_cart" />
												<input type="hidden" name="business" value=" " />
												<input type="hidden" name="item_name" v-model="item.title" />
                                                <input type="hidden" name="shipping" :value="item.id"/>
												<input type="hidden" name="amount" v-model="item.price" />
												<input type="hidden" name="currency_code" value="USD" />
												<input type="hidden" name="return" value=" " />
												<input type="hidden" name="cancel_return" value=" " />
												<input type="submit" @click="getId(item.id)" name="submit" value="添加到购物车" class="button"/>
											</fieldset>
										</form>
									</div>
								</div>
							</div>
						</div>
						<div class="clearfix"></div>
					</div>
					<!-- //4th section  -->
				</div>
            <!--分页-->
                 <div class="page-bar" id="pagenum"  style="margin 0 auto">
                    <ul>
                        <li v-if="cur>1"><a v-on:click="cur--,pageClick()">上一页</a></li>
                        <li v-if="cur==1"><a class="banclick">上一页</a></li>

                        <li v-for="index in indexs"  v-bind:class="{ 'active': cur == index}">
                            <a v-on:click="btnClick(index)">{{ index }}</a>
                        </li>
                        <li v-if="cur < all"><a v-on:click="cur++,pageClick()">下一页</a></li>
                        <li v-if="cur == all"><a class="banclick">下一页</a></li>
                        <li><a>共<i>{{all}}</i>页</a></li>
                    </ul>
                </div>
            <!--//分页-->


			</div>
			<!-- //product right -->



		</div>
	</div>
	<!-- //top products -->




<!-- footer -->
<footer>
    <div class="container">
        <!-- footer first section -->
        <p class="footer-main">
            <span>"手机比价网"</span>
            手机比价网，对比全网最新，最热款手机，选择最适合你的那一款.手机比价网是一家集网购折扣推荐、全网搜索比价和历史价格查询为一体的购物导购网站。慢慢买的核心是一个购物比价搜索引擎，优势是可以查到全网商品的价格走势，特点是很多用户参与优惠爆料推荐！
            手机比价网欢迎用户分享原创、心得，评价商品的优劣，并期望更多的用户参与爆料，与大家分享优惠的商品信息，和大家共享购物的乐趣。
        </p>
        <!-- //footer first section -->
        <!-- footer second section -->
        <div class="w3l-grids-footer">
            <!-- footer fourth section (text) -->
            <div class="agile-sometext">
                <div class="sub-some">
                    <h5>为何手机比价网</h5>
                    <p>手机比价网是一个不允许你花冤枉钱的APP，10年来我们专注为用户推荐高性价比商品，并开发了全网比价、查历史价格等购物决策助手，力求让消费更透明，帮用户买对不买贵。</p>
                </div>
                <div class="sub-some">
                    <h5>合作商城</h5>
                    <ul>
                        <li>
                            <a href="https://www.jd.com/">京东</a>
                        </li>
                        <li>
                            <a href="https://www.tmall.com/">天猫</a>
                        </li>
                        <li>
                            <a href="https://www.taobao.com/">淘宝</a>
                        </li>
                    </ul>
                </div>
                <!-- brands -->
                <div class="sub-some">
                    <h5>知名品牌</h5>
                    <ul>
                        <li>
                            <a href="https://www.apple.com.cn/">苹果</a>
                        </li>
                        <li>
                            <a href="https://www.vmall.com/">华为</a>
                        </li>
                        <li>
                            <a href="https://www.vivo.com.cn/">vivo</a>
                        </li>
                        <li>
                            <a href="https://www.opposhop.cn/">oppo</a>
                        </li>
                    </ul>
                </div>
                <!-- //brands -->
            </div>
            <!-- //footer fourth section (text) -->
        </div>
        <!-- //footer second section -->
        <!-- footer third section -->
        <div class="footer-info w3-agileits-info">
            <!-- footer categories -->
            <div class="col-sm-5 address-right">
                <div class="col-xs-6 footer-grids">
                    <h3>商品分类</h3>
                    <ul>
                        <li>
                            <a href="https://www.apple.com.cn/">苹果</a>
                        </li>
                        <li>
                            <a href="https://www.vmall.com/">华为</a>
                        </li>
                        <li>
                            <a href="https://www.mi.com/">小米</a>
                        </li>
                        <li>
                            <a href="https://www.samsung.com/cn/">三星</a>
                        </li>
                        <li>
                            <a href="https://www.meizu.com/">魅族</a>
                        </li>
                    </ul>
                </div>
                <div class="col-xs-6 footer-grids agile-secomk">
                    <ul>
                        <li>
                            <a href="https://www.vivo.com.cn/">vivo</a>
                        </li>
                        <li>
                            <a href="https://www.opposhop.cn/">oppo</a>
                        </li>
                        <li>
                            <a href="https://www.smartisan.com/">锤子</a>
                        </li>
                        <li>
                            <a href="https://www.nokia.com/">诺基亚</a>
                        </li>

                    </ul>
                </div>
                <div class="clearfix"></div>
            </div>
            <!-- //footer categories -->
            <!-- quick links -->
            <div class="col-sm-5 address-right">
                <div class="col-xs-6 footer-grids">
                    <h3>快速链接</h3>
                    <ul>
                        <li>
                            <a href="about.html">关于我们</a>
                        </li>
                        <li>
                            <a href="contact.html">联系我们</a>
                        </li>
                        <li>
                            <a href="help.html">帮助</a>
                        </li>
                        <li>
                            <a href="faqs.html">常见问题</a>
                        </li>
                        <li>
                            <a href="privacy.html">社区规范</a>
                        </li>
                    </ul>
                </div>
                <div class="col-xs-6 footer-grids">
                    <h3>联系方式</h3>
                    <ul>
                        <li>
                            <i class="fa fa-map-marker"></i> 123 Sebastian, USA.
                        </li>
                        <li>
                            <i class="fa fa-mobile"></i> 333 222 3333
                        </li>
                        <li>
                            <i class="fa fa-phone"></i> +222 11 4444
                        </li>
                        <li>
                            <i class="fa fa-envelope-o"></i>
                            <a href="mailto:example@mail.com"> mail@example.com</a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- //quick links -->
            <!-- social icons -->
            <div class="col-sm-2 footer-grids  w3l-socialmk">
                <h3>通信渠道</h3>
                <div class="social">
                    <ul>
                        <li>
                            <a class="icon fb" href="#">
                                <i class="fa fa-facebook"></i>
                            </a>
                        </li>
                        <li>
                            <a class="icon tw" href="#">
                                <i class="fa fa-twitter"></i>
                            </a>
                        </li>
                        <li>
                            <a class="icon gp" href="#">
                                <i class="fa fa-google-plus"></i>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="agileits_app-devices">
                    <h5>下载App</h5>
                    <a href="#">
                        <img src="images/1.png" alt="">
                    </a>
                    <a href="#">
                        <img src="images/2.png" alt="">
                    </a>
                    <div class="clearfix"></div>
                </div>
            </div>
            <!-- //social icons -->
            <div class="clearfix"></div>
        </div>
        <!-- //footer third section -->

    </div>
</footer>
<!-- //footer -->
    <!-- copyright -->
    <div class="copy-right">
        <div class="container">
            <p>Copyright &copy; 2020.手机比价网 版权所有| <a href="index.html" target="_blank" title="品牌大全">品牌大全</a> | <a href="index.html"
                                                                                                        target="_blank"
                                                                                                        title="最热商品">最热商品</a>
                | <a  href="https://www.taobao.com/" target="_blank" title="友情链接">友情链接</a> | <a href="about.html" title="关于我们" target="_blank">关于我们</a></p>
        </div>
    </div>
    <!-- //copyright -->

	<!-- js-files -->
	<!-- jquery -->
	<script src="js/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
	<!-- //jquery -->

	<!-- popup modal (for signin & signup)-->
	<script src="js/jquery.magnific-popup.js"></script>
	<script>
		$(document).ready(function () {
			$('.popup-with-zoom-anim').magnificPopup({
				type: 'inline',
				fixedContentPos: false,
				fixedBgPos: true,
				overflowY: 'auto',
				closeBtnInside: true,
				preloader: false,
				midClick: true,
				removalDelay: 300,
				mainClass: 'my-mfp-zoom-in'
			});

		});
	</script>
	<!-- Large modal -->
	<!-- <script>
		$('#').modal('show');
	</script> -->
	<!-- //popup modal (for signin & signup)-->

	<!-- cart-js -->
	<script src="js/minicart.js"></script>
	<script>
        $(function () {
		paypalm.minicartk.render(); //use only unique class names other than paypal1.minicart1.Also Replace same class name in css and minicart.min.js

		paypalm.minicartk.cart.on('checkout', function (evt) {
			var items = this.items(),
				len = items.length,
				total = 0,
				i;

			// Count the number of each item in the cart
			for (i = 0; i < len; i++) {
				total += 1;
			}

			if (total < 2 || total > 4) {
				alert('请选择2-4个商品进行比较');
				evt.preventDefault();
			}
		});
		})
	</script>
	<!-- //cart-js -->

	<!-- price range (top products) -->
	<script src="js/jquery-ui.js"></script>
	<script>
		//<![CDATA[ 
		$(window).load(function () {
			$("#slider-range").slider({
				range: true,
				min: 0,
				max: 9000,
				values: [50, 6000],
				slide: function (event, ui) {
					$("#amount").val("$" + ui.values[0] + " - $" + ui.values[1]);
				}
			});
			$("#amount").val("$" + $("#slider-range").slider("values", 0) + " - $" + $("#slider-range").slider("values", 1));

		}); //]]>
	</script>
	<!-- //price range (top products) -->

	<!-- flexisel (for special offers) -->
	<script src="js/jquery.flexisel.js"></script>
	<script>
		$(window).load(function () {
			$("#flexiselDemo1").flexisel({
				visibleItems: 3,
				animationSpeed: 1000,
				autoPlay: true,
				autoPlaySpeed: 3000,
				pauseOnHover: true,
				enableResponsiveBreakpoints: true,
				responsiveBreakpoints: {
					portrait: {
						changePoint: 480,
						visibleItems: 1
					},
					landscape: {
						changePoint: 640,
						visibleItems: 2
					},
					tablet: {
						changePoint: 768,
						visibleItems: 2
					}
				}
			});

		});
	</script>
	<!-- //flexisel (for special offers) -->

	<!-- smoothscroll -->
	<script src="js/SmoothScroll.min.js"></script>
	<!-- //smoothscroll -->

	<!-- start-smooth-scrolling -->
	<script src="js/move-top.js"></script>
	<script src="js/easing.js"></script>
	<script>
		jQuery(document).ready(function ($) {
			$(".scroll").click(function (event) {
				event.preventDefault();

				$('html,body').animate({
					scrollTop: $(this.hash).offset().top
				}, 1000);
			});
		});
	</script>
	<!-- //end-smooth-scrolling -->

	<!-- smooth-scrolling-of-move-up -->
	<script>
		$(document).ready(function () {
			/*
			var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
			};
			*/
			$().UItoTop({
				easingType: 'easeOutQuart'
			});

		});
	</script>
	<!-- //smooth-scrolling-of-move-up -->

	<!-- for bootstrap working -->
	<script src="js/bootstrap.js"></script>
	<!-- //for bootstrap working -->

    <!--后面添加的js-->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <!--select-->
    <script type="text/javascript">
     function mbar(sobj) {
           var docurl =sobj.options[sobj.selectedIndex].value;
          if (docurl != "") {
              open(docurl,'_blank');
              sobj.selectedIndex=0;
              sobj.blur();
                    }
        }
   </script>
    <!--//select-->
   <!--页面填充Vue-->
 	<script>
	setTimeout(function () {
        if($("#user_id").val() == "undefined" || $("#user_id").val() == undefined) {
			for(var i=0; i<document.getElementsByClassName("button").length;i++){
				document.getElementsByClassName("button")[i].type="hidden"
			}
        }
    },900)
		var allpage = 0

        var app = new Vue({
          el: '#app',
          data: {
              goods:[],
          },
          methods: {
            getAddress: function (event) {
                that = this;
                var list =[];
                var list1=[];
                var clasid=0;
                var str=location.href;
                list = str.split('?');
                list1 = list[1].split('&');
                $.ajax({
                    url: '/pageNum/',
                    type: 'GET',
                    dataType: 'json',
                    data:{
                        brand:list1[0].split('=')[1],
						pn:list1[1].split('=')[1]
                    },
                    async: false,
                    success:function(data){
						for (var i = 0; i < data.length-1; i++) {
                            that.goods.push(data[i]);
                        }
						allpage = data[data.length-1]['allnum']
                    },
                    error:function(){
                    }
                });
            },
			  gethistory(id){
                var uid = $("#user_id").val()
                axios.get('/history?goods_id='+id+"&user_id="+ uid).then(resp => {})
            },
              getId(id){
                var uid = $("#user_id").val()
                axios.get('/compare?id='+id+"&user_id="+ uid).then(resp => {
                    if(resp.data != 1 && resp.data != "1"){
                        alert(resp.data)
                    }
                })
            },
              submit: function() {
              }
          },
        });
        app.getAddress();
    </script>
    <!--//页面填充Vue-->
    <!--分页-->
    <script>
            var pageBar = new Vue({
                el: '.page-bar',
                data: {
                    all: allpage, //总页数
                    cur: 1,  //当前页码
                },
                watch: {
                    cur: function(oldValue , newValue){
                        console.log(arguments);
                    }
                },
                 methods: {
                    btnClick: function(data){
                        if(data != this.cur){
                            this.cur = data;
                            var str=location.href;
                            str = str.split("&")[0];
                            str = str + "&pn=" + this.cur;
                            window.location.href = str ;
                        }

                    },
                    pageClick: function(){
                            var str=location.href;
                            str = str.split("&")[0];
                            str = str + "&pn=" + this.cur;
                            window.location.href = str ;

                    },
                     showpage:function(){
                        var str=location.href;
                        str = str.split("=")[2];
                        this.cur=str
                     }
                },

                computed: {
                    indexs: function(){
                      var left = 1;
                      var right = this.all;
                      var ar = [];
                      if(this.all>= 5){
                        //这里最大范围从3到6，如果到达7，那么下边加2变成9，已经超过最大的范围值
                        if(this.cur > 3 && this.cur < this.all-1){
                            //以4为参考基准，左面加2右边加2
                                left = parseInt(parseInt(this.cur) - 2);
                                right = parseInt(parseInt(this.cur) + 2);
                        }else{
                            if(this.cur<=3){
                                left = 1;
                                right = 5
                            }else{
                                right = this.all;
                                left = this.all -4
                            }
                        }
                     }
                    while (left <= right){
                        ar.push(left);
                        left ++
                    }

                    return ar
                   }
                }
            });
            pageBar.showpage();
            </script>

</body>

</html>